<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>hello bootstrap</title>
    <!--导入bootstrap的主样式-->
    <link rel="stylesheet" href="component/bootstrap-3.3.7-dist/css/bootstrap.min.css" type="text/css">

</head>
<body>
<div class="container">
    <h1>标题0<small>副标题</small></h1>
    <h2>标题0<small>副标题</small></h2>
    <h3>标题0<small>副标题</small></h3>
    <h4>标题0<span class="small">副标题</span></h4>
    <h5>标题0<span class="small">副标题</span></h5>

    <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.</p>

    <blockquote>
        <h2>科学技术是第一生产力科学技术是第一生产力科学技术是第一生产力</h2>
        <p style="text-align: right;margin-right: 20px">作者：xxxx</p>
    </blockquote>

    <blockquote>
        <p>科学技术是第一生产力.</p>
        <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
    </blockquote>

    <blockquote class="blockquote-reverse">
        <p>科学技术是第一生产力.</p>
        <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
    </blockquote>

    <p class="lead">
        To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
        To edit settings, press <kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
    </p>

    <pre class="pre-scrollable">
    代码如下：
    public static void main(String[] args) {
        System.out.println("hello,world");
    }
    </pre>
    <address>
        <strong>Twitter, Inc.</strong><br>
        1355 Market Street, Suite 900<br>
        San Francisco, CA 94103<br>
        <abbr title="Phone">P:</abbr> (123) 456-7890
    </address>

    <address>
        <strong>Full Name</strong><br>
        <a href="mailto:#">first.last@example.com</a>
    </address>

</div>
</body>
</html>